@charset 'UTF-8';
/* ------------------------------------
*
*Since : 2011-08-05
*Update: 2011-10-21
*
-------------------------------------*/

/* Style Index ==========================================================

00: reset
01: commonHeader
  commonHeader
  bar
  channels bar
  categories bar
02: header
03: structure
  wrapper
  content
  module
    contentTop Area
    basic 2 Columns
    wideModule01
    popModule
    embedModule
    embedLeft
    embedRight
    chListModule
04: list
  featureList
  contentsList
  chSpec
  news
  chList
  selection
05: pager
  pager01
  pager02
06: channelInfo
07: sns btn
08: AD
99: commonFooter

======================================================================= */

/*
00.  reset
-------------------------------------*/
body {
    background-color:#181818;
    background-image:url(../../images/common/bc_black_001.jpg);
    background-repeat:repeat-x;
    background-position:0px 40px;
    margin-left:18%;
    margin-right:18%;
}

/*tes header*/

/*.headeratas
{
margin:0 auto;
width:1161px;
height:50px;
background-color: #677667;
}*\

/*
01.  commonHeader
-------------------------------------*/
div#commonHeaderWrapper{
    background-color:#000000;
    background-repeat:no-repeat;
    background-position:center top;
    text-align:center;
    width:100%;
    /*min-width:970px;*/
    margin-bottom:7px;
    margin-left:18%;
	margin-right:18%;

}

div#commonHeaderWrapper{
    background-image:url(../../images/common/head_bc001.jpg) no-repeat;
    margin: 0 auto;	
}

div#commonHeader{
    margin:0;
    width:100%;
    padding:0;
    text-align:center;
    margin-left:1px auto;
    margin-right:1px auto;
}
div#commonHeader{
min-height:70px;
height:auto !important;
height:70px;}


div#commonHeader a{
    color:#EEEEEE;
    text-decoration:none;
}

div#commonHeader a:hover{
    color:#00aeeb;
}

div#commonHeader div.logo{
    float:left;
}

div#commonHeader div.logo span{
    display: none;
}

div#commonHeader div.logo a {
    display: block;
    width: 110px;
    height: 60px;
}

div#commonHeader ul.link{
    padding-left:20px;
    float:left;
}

div#commonHeader ul.link li{
    float:left;
    padding-right:20px;
    font-size:1.5em;
    font-family:Arial;
}

div#commonHeader ul.link li a{
    text-shadow: #000000 1px 1px 1px;
    font-weight:bold;
    border-top: 2px solid transparent;
    _border-top: 1px solid #000;
    display:block;
    padding-top:4px;
}

div#commonHeader ul.link li a.selected{
    border-color:#00aeeb;
}

div#commonHeader div.navi{
    float:left;
    margin-left:2px auto;
}

div#commonHeader div.navi ul{
    text-align:right;
}

div#commonHeader div.navi ul li {
    display: inline;
    margin-left:40px;
}

ul.globalLink{
    padding-top:4px;
}

ul.globalLink li a{
    border-top: 1px solid transparent;
    _border-top: 1px solid #000;
    padding-top:3px;
}

ul.globalLink li a.selected{
    border-color:#00aeeb;
}

div#commonHeader ul.iconInfo{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding:4px 7px 4px 0px;
    border:1px solid #565656;
    float: left;
}

ul.iconInfo .iconF,ul.iconInfo .iconS,ul.iconInfo .iconU{
    vertical-align:baseline;
    float: left;
}

ul.globalLink{
    margin-bottom:5px;
}

/* >>> bar <<<-----------*/
div.barArea {
    margin:0 auto;
    width:100%;
    text-align:center;
}

div.barTop {
    margin:0 7px 7px 0;
    text-align:right;
}

div.barWrapper {
    margin:0 auto;
    width:956px;
    background: #323232;
    margin-top:7px;
    padding:7px 6px 6px 7px ;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

div.barInner {
    background: #535353;
    border-right:solid 1px #000000;
    border-bottom:solid 1px #000000;
    padding:0;
    width:100%;
    text-align:center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

div.barArea div.footer {
    padding:7px 0;
}

div.barArea div.footer a img{
    margin-right:7px;
}

/* >>> commonHeader02 font <<<-----------*/
li.channelList02,
div#categoriesBar ul.list li{
    font-size:1em;
}

div.barArea div.footer a,
div.barTop a,
div#categoriesBar ul.list li a {
    text-decoration: none;
    color:#EEEEEE !important;
    font-weight:bold;
    line-height:1.2;
}

div.barArea div.footer a,
div.barTop a{
    font-size:1.4em;
}

div.barTop a:hover,
div.barArea div.footer a:hover,
div#categoriesBar ul.list li a:hover {
    color:#00aeeb !important;
}


/* >>> categories bar <<<-----------*/
div#categoriesBar ul.list{
    display: inline-block;
    margin: 0 auto;
    padding: 12px 0 12px 12px;
    _margin: 0 auto 0 50px;/*change as needed*/
    *margin: 0 auto 0 50px;
}

/*
02. header
-------------------------------------*/
div#header div.contentInner {
    text-align:center;
}

div#header div.logo{
    float:left;
    padding:3px;
}

div#header div.summary{
    float:left;
    text-align:left;
    width:246px;
    margin-left:12px;
    display:table-cell;
    vertical-align:middle;
    display:inline¥9;
    zoom:1¥9;
}
div#header div.summary h1 {
    font-size:1.8em;
    color:#EEEEEE;
    font-weight:bold;
    display:inline-block;
    margin:7px 7px 7px 0;
}
div#header div.summary h1 span {
    font-size:0.7em;
    font-weight:normal;
    display:block;
}

div#header div.listWrapper{
    width:633px;
    _width:630px;
    float:right;
    text-align:left;
    display:table-cell;
    vertical-align:middle;
    display:inline¥9;
    zoom:1¥9;
}
div#header div.listWrapper ul{
    display:inline-block;
    margin:7px 7px 7px 0;
    _padding-top:14px;
    *padding-top:14px;
}

div#header div.contentInner div.vertical{
    display:inline-block;
    height:64px;
    visibility:hidden;
    _visibility:visible;
    *visibility:visible;
    _height:auto;
    *height:auto;
}

div#header ul.categoriesList{
    margin:0 auto;
    display:inline-block;
    padding: 10px 0 7px 7px;
    padding: 10px 0 7px 65px;
    margin: 10px 0 7px 65px;
}



/*
03. structure
-------------------------------------*/
/* >>> wrapper <<<-----------*/
div#wrapper {
    width:970px;
    padding:0 5px;
    margin:0 auto;
}
/* >>> content <<<-----------*/
div.contentWrapper {
    width:1150px;
    background: #373737;
    padding:7px 6px 7px 7px;
    margin:0 auto;
    text-align:left;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    float: right;


}

div.contentBottom {
    margin:0 auto;
    margin-top:7px;
    width:100%;
}

div.pageTop {
    margin:0 auto;
    text-align:right;
    margin-top:5px;
    width:100%;
}

div.pageTop a.heading img{
    padding-right:5px;
}

div.contentInner {
    background: #515151;
    border-right:solid 1px #181818;
    border-bottom:solid 1px #181818;
    padding:0;
    width: 79%;
    overflow:hidden;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    float:right;
}
div.contentInner2 {
    background: #515151;
    border-right:solid 1px #181818;
    border-bottom:solid 1px #181818;
    padding:0;
    width: 100%;
    overflow:hidden;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    float:right;
}
div.leftmenu {
    background: #515151;
    border-right:solid 1px #181818;
    border-bottom:solid 1px #181818;
    padding:0;
    width: 20%;
    overflow:hidden;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    float:left;

}

/*
02. module
-------------------------------------*/
/* common

/* >>> contentTop Area <<<-----------*/
div.contentTop{
    width:956px;
}


div.contentTop div.left {
    text-align:left;
    float:left;
    /*width:632px;*/
    margin-right:10px;
}

div.contentTop div.right {
    text-align:right;
    float:right;
    width:314px;
}

div.contentTop div.right .leftArea {
    float:left;
}
div.contentTop div.right .rightArea {
    float:right;
}
div.contentTop div.noLink {
    padding-top:3px;
}

h2{  	 	 
    font-size:1.6em;
    font-weight:bold;
    color:#EEEEEE;
    padding-bottom:7px;
}

h2 .iconF,h2 .iconS,h2 .iconU{
    vertical-align:baseline;
}

/* >>> contentTopSynopsis <<<-----------*/
div.right div.synopsisMenu{
    display:table-cell;
    vertical-align:bottom;
}
.content1{
    float: left;
    align="center";

}

/*---------------- menu text link -----------------*/

div.contentTop div.left ul li,
div.right div.leftArea ul li,
div.right div.synopsisMenu ul li,
div#header ul.list li,
div.mainTabs ul li{
    float:left;
    margin-right:14px;
    padding:5px 0 5px 7px;
    font-size: 1.4em;
}

div#header div.listWrapper ul li,
div#header ul.categoriesList li,
div#categoriesBar ul.list li{
    float:left;
    margin:0 24px 3px 0;
    _margin:0 20px 3px 0;
    font-size: 1.4em;
}

div#header ul.categoriesList li{
    float:left;
    margin:0 34px 3px 0;
    _margin:0 30px 3px 0;
    font-size: 1.6em;
}

div.contentTop div.left ul li a,
div.right div.leftArea ul li a,
div.right div.synopsisMenu ul li a,
div#header ul.categoriesList li a,
div#header ul.list li a,
div.mainTabs ul li a{
    font-weight: bold;
    text-decoration:none;
    border-top: 1px solid transparent;
    display:block;
}

div.contentTop div.left ul li a,
div.right div.leftArea ul li a,
div.right div.synopsisMenu ul li a,
div.right div ul li a{
    _border-top: 1px solid #373737;
}

div#header ul.categoriesList li a,
div#header ul.list li a,
div.mainTabs ul li a{
    _border-top: 1px solid #535353;
}


div.contentTop div.left ul li a:hover,
div.right div.leftArea ul li a:hover,
div.right div.synopsisMenu ul li a:hover,
div#header ul.categoriesList li a:hover,
div#header ul.list li a:hover,
div.mainTabs ul li a:hover{
    color:#00AEEB;
}

div.contentTop div.left ul li a.selected,
div.right div.leftArea ul li a.selected,
div.right div.synopsisMenu ul li a.selected,
div#header ul.categoriesList li a.selected,
div#header ul.list li a.selected,
div.mainTabs ul li a.selected{
    border-top: 1px solid #00AEEB;
}

/* >>> login <<<----------------------*/
div.login div.contentInner{
    background:url(../../images/common/img_login.jpg) no-repeat 20px 20px;
    background-color: #515151;
}

div.login div.contentTop h2{
    float:left;
    width:450px;
    padding:0 10px 7px;
}

div.login div.contentInner div.loginL{
    float:left;
    width:440px;
    padding:0 15px;
}

div.login div.contentInner div.loginR{
    float:right;
    width:440px;
    padding:0 15px 0 30px;
    margin-bottom: -1000px;
    padding: 0 20px 1000px;
}


div.loginL table{
    width:210px;
    font-size:1.4em;
    margin:25px 0 10px 200px;
}

div.loginL table th,div.loginL dl.caution dt{
    color:#b0eaff;
}

div.loginL table td,div.loginL table th{
    padding:5px 5px 7px;
    white-space: nowrap;
}

div.loginL p.text{
    padding:15px;
}

div.loginL dl.caution{
    margin:25px 0 10px 200px;
}

div.loginL dl.caution dd{
    margin-bottom:20px;
}

div.loginR div.loginArea{
    padding:20px;
}

div.loginR p.text{
    padding:10px;
}

div.loginL p.btnOrange a{
    text-decoration:none;
    font-weight:bold;
    font-size:1.3em;
}

div.loginR table{
    border-bottom: 1px solid #9d9d9d;
    margin: 0 auto 10px;
    width:100%;
}

div.loginR table th{
    text-align:right;
    padding-bottom:10px;
}

div.loginR table td{
    width:305px;
    text-align:left;
    padding-bottom:10px;
}

div.loginR input.txt{
    width:250px !important;
}

div.loginR div.balloon{
    border-left: 10px solid #4a4a4a;
    border-top: 10px solid #747474;
    float: left;
    margin:0 0 7px 5px;
}

div.loginR div.balloon p{
    background: none repeat scroll 0 0 #4a4a4a;
    border-radius:5px 5px 5px 5px;
    color: white;
    float: left;
    margin: 0 0 0 -15px;
    padding:5px 10px;
}

div.loginR input.btnBlue{
    width:200px !important;
    padding:7px 0;
    font-size:1.3em;
    font-weight:bold;
}

table p,div.loginR div.balloon p{
    font-size:1em;
}


div.loginR div.loginArea table tr td,div.loginR div.loginArea table tr th{
    padding:3px 7px 10px 0;
}

/* >>> loginArea <<<----------------------*/
div.loginArea{
    background:#747474;
    padding:5px 6px 7px 10px;
    margin-bottom:7px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-align:center;
}

div.loginArea form{
    font-size:1.4em;
    margin:0;
    padding:0;
}

div.loginArea input.btnBlue{
    font-weight:bold;
    padding:5px 20px 5px;
}

div.loginArea label{
    padding-left:7px;
}

div.loginArea input.txt{
    background-color:#FFF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color:#333;
    padding:3px;
    width:200px;
    _width:195px;
}

div.loginArea table,div.loginArea p,div.loginArea dl{
    text-align:left;
}

div.loginArea table tr th{
    font-weight:bold;
}

div.loginArea table tr td,div.loginArea table tr th{
    padding:3px 7px 3px 0;
}

div.loginArea p,div.loginArea dl dd,div.loginArea dl dt{
    font-size:1.4em;
}

div.loginArea dl{
    margin-bottom:7px;
    padding:5px;
}

div.loginArea p a.btnBlue{
    margin:7px 7px 0px 50px;
    padding:5px 20px 5px;
    font-weight:bold;
}

div.loginArea p{
    padding-bottom:5px;
}

div.loginArea div.loading{
    padding:100px 0;
}

/* >>> trialArea <<<----------------------*/
div.trialArea{
    background-image:url(../../images/common/bc_gray_003.jpg) !important;
    margin-bottom:7px;
    text-align:center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding:5px 7px 14px;
}

div.trialArea p{
    text-align:left;
    padding-bottom:2px;
    margin-bottom:3px;
}

div.trialArea p.title ,div.loginArea p.title{
    font-size:1.7em;
    border-bottom:1px solid #979797;
    padding-bottom:5px;
    font-weight:bold;
}

div.trialArea a.btnOrange{
    margin:7px;
    font-size:1.6em;
    width:210px;
}

div.trialArea a.btnOrange span{
    padding:0 5px 0px 7px;
}

div.imgTrial{
    background:url(../../images/common/img_trial.png) no-repeat 160px -7px;
    text-align:left !important;
}

div.imgTrial p{
    width:150px;
    padding-bottom:7px;
    font-size:1.4em;
}



/* >>> signUpArea <<<----------------------*/
.contentTop p.title{
    font-weight:bold;
    font-size:1.4em;
}

.signUpArea{
    float:right;
    margin-bottom:7px;
}

.signUpArea p{
    display:inline;
    padding-left:7px;
}


/* >>> tourArea <<<----------------------*/
div.tourArea{
    background:url(../../images/common/img_tour.jpg) no-repeat;
    background-color:#16171b;
    box-shadow: 0 0 30px #a7bcce inset;
    text-shadow: 1px 1px 1px #000000;

}

div.tourArea div.tour{
    width:380px;
    float:right;
    padding-right:30px;
}

div.tourArea div.tour h1{
    font-size:57px;
    padding-top:35px;
    line-height:1;
}


div.tourArea div.tour h2{
    font-size:19px;
    font-weight:bold;
    margin-bottom:20px;
}

div.tourArea div.tour p{
    font-size:16px;
    line-height:1.6;
}

div.tourArea div.tour p.btnOrange{
    text-align:left;
    width:330px;
    margin:20px 0;
}

div.tourArea div.tour p.btnOrange img{
    float:left;
    margin:10px 20px;
}


div.tourArea div.tour p.btnOrange a{
    float:left;
    font-size:25px;
    font-weight:bold;
    text-decoration:none;
    line-height:1.1;
    padding:5px 0 5px;
    letter-spacing:0.03em;
}

div.tourArea div.tour p.btnOrange a span{
    font-weight:bold;
    text-decoration:none;
    font-size:24px;
}

div.tourArea div.tour p.detail{
    font-size:1.4em;
    margin-bottom:30px;
}

/* >>> InfoArea <<<----------------------*/
div.InfoArea{
    background:url(../../images/common/img_tour002.jpg) no-repeat right top;
    background-color: #515151;
}

div.InfoArea div.infoR,div.InfoArea div.infoL{
    float:right;
    width:420px;
    padding:10px 20px !important;
    margin-left: 2px;
}

div.InfoArea h3{
    font-size:1.8em;
    font-weight:bold;
    padding-bottom:20px;
}

div.InfoArea p,div.InfoArea ul li{
    font-size:1.4em;
}

div.InfoArea ul li{
    list-style: disc;
    margin:0 0 10px 20px;
}

div.InfoArea a{
    color:#00AEEB;
}

div.InfoArea p.bold{
    font-size:1.6em;
    font-style: bold;
}

div.InfoArea div.infoR{
    margin-top:320px;
}

div.InfoArea div.infoR ul li{
    margin:0 0 0 20px;
}

div.InfoArea table{
    text-align:center;
    font-size:1.4em;
    background:#686868;
    border:solid 1px #898989;
}

div.InfoArea table tr{
    border-bottom:solid 1px #898989;
}

div.InfoArea table td{
    border-right:solid 1px #898989;
    padding:10px;
}


/*
05. pager
*/

/* >>> pager01 <<<----------------------*/
div.pager01{
    text-align:center;
}
div.pager01 ul li{
    padding:0 10px 0 0;
}

/* >>> pager02 <<<----------------------*/

div.pager02{
    text-align:right;
}
div.pager02 ul li{
    padding:0 0 0 10px;
}

div.pager01 ul,
div.pager02 ul{
    _margin:5px 0 3px;
}

*+html div.contentTop div.right div.pager02 ul,
*+html div.contentBottom div.pager01 ul{
    margin-top:7px;
}

div.pager01 ul li,
div.pager02 ul li{
    font-size: 1.3em;
    display: inline;
    padding:5px;
}

div.pager01 ul li a,
div.pager02 ul li a{
    font-weight: bold;
    text-decoration:none;
    border-top: 1px solid transparent;
    _border-top: 1px solid #7E7E7E;
    padding-top:3px;
}

div.pager01 ul li a:hover,
div.pager02 ul li a:hover{
    color:#00AEEB;
}


div.pager01 ul li a.selected,
div.pager02 ul li a.selected{
    border-top:1px solid #00AEEB !important;
}

/* >>> basic 2 Column  <<<-----------*/
div.contentInner div.left {
    float:left;
    width:642px;
    padding: 7px 0 1000px;
    margin-bottom:-1000px;
}

div.contentInner div.right {
    float:right;
    width:300px;
    padding:7px;
    padding-bottom:1000px;
    margin-bottom:-1000px;
}

div.contentInner div.right p.heading {
    border-bottom:1px solid #7E7E7E;
    padding-bottom:7px;
    margin-bottom:7px;
}

div.contentTop div.left p.heading{
    padding-left:7px;
}

/* >>> wideModule01 <<<-----------*/

div.contentInner div.wideModule01 {
    padding-top:7px;
}

div.wideModule01 div.popMore {
    border-top:1px solid #7E7E7E;
}


/* >>> embedModule <<<-----------*/
div.mainEmbeded {
    background-color:#000000;
    height:480px;
    width:937px;
    position:relative;
    text-align:center;
    margin:10px auto 3px;
}

/* >>> embedLeft <<<-----------*/
div.embedLeft {
    float:left;
    width:642px;
}

div.embedLeft div.mainDetailInfo {
    padding:7px 7px ;
    font-size:1.4em;
}

div.embedLeft div.cutDetail {
    height:130px;
    overflow:hidden;
}

div.embedLeft div.mainDetailInfo p{
    font-size:1em;
}

div.embedLeft div.mainDetailInfo .info span{
    padding-right:5px;
}
div.embedLeft div.mainDetailInfo .copy {
    font-size:0.8em;
}
div.embedLeft div.mainDetailInfo .detail {
    margin:7px 3px;
}
div.embedLeft div.mainDetailSns {
    padding:0px 7px 15px;
}
div.embedLeft div.mainDetailSns ul.snsBtn01{
    padding:10px 7px 10px;
}
div.embedLeft div.mainDetailSns input {
    margin-left:10px ;
    padding-left:6px;
    border:1px solid #7E7E7E;
    width:480px;
    height:20px;
    font-size:1.2em;
}

div.mainEmbeded p{
    padding-top:140px;
    margin-bottom:14px;
}

div.mainEmbeded a{
    padding:7px 10px;
    font-size:1.4em;
}

div.embedLeft div.mainEmbeded {
    background-color:#000000;
    height:351px;
    width:624px;
    position:relative;
    text-align:center;
    margin:10px auto 3px;
}

div.mainTabs {
    width:100%;
    border-bottom:1px solid #7E7E7E ;
}

div.mainTabs span {
    padding:6px 0 0 2px;
    margin:0 3px 0 10px ;
    float:left;
}
div.mainTabs span a{
    font-weight:bold;
    text-decoration:none;
    font-size:1.3em;
}

div.mainTabs span.selected {
    padding-top:5px;
    border-top:1px solid #00aeeb;
}

div#mainDetailMoreInfo {
    border-top:1px solid #7E7E7E ;
    text-align:center;
    margin-top:7px;
}

div.full div#mainDetailMoreInfo {
    margin-top:-1px;
    padding-bottom:7px;
}

#mainDetailMoreInfo a{
    display:block;
    text-decoration:none;
    padding-top:7px;
    _padding-bottom:7px;
}

#mainDetailMoreInfo a span{
    font-weight:bold;
    text-decoration:none;
    font-size:1.4em;
    padding-left:7px;
}

#mainDetailMoreInfo a span:hover{
    color:#00aeeb;
}
#mainDetailSns {
    height:166px;
}

/* >>> embedRight <<<-----------*/
div.embedRight{
    float:right;
    margin:0;
    padding:10px 0 0 10px;
    width:300px;
    padding-bottom:1000px;
    margin-bottom:-1000px;
}

div.full div.embedRight{
    padding-bottom:0px;
    margin-bottom:0px;
    _padding-bottom:1000px;
    _margin-bottom:-1000px;
}

/*
03. list
-------------------------------------*/
ul.news,div.contentInner div.right div.title,div.contentTop{
}

ul.featureList li,ul.contentsList li,ul.chList li{
    float:left;
    padding:0 0 7px 6px;
    margin:0 0 0 7px;
    _margin:0 3px 0 3px;
    border-left:1px solid #7E7E7E;
    border-bottom:1px solid #7E7E7E;
    font-size:1em;
    margin-bottom:7px;
}

ul.featureList li{
    margin-right:2px;
    _margin-right:0;
}


/* >>> thumbnail image <<<----------*/
ul.featureList li .img a,
ul.contentsList li .img a,
ul.selection li div.img a{
    text-align:center;
    display:table-cell;
    vertical-align:middle;
    display:inline¥9;
    zoom:1¥9;
}

ul.featureList li .img,
ul.contentsList li .img,
ul.selection li div.img {
    background-color:#000000;
    position:relative;
    text-align:center;
    zoom:1;
    margin:0 0 3px;
    _overflow:hidden;
}


/* camera & video ico */
.img img.unify{
    position:absolute;
    display:block;
    right:3px;
    bottom:3px;
}

/* 300x225 image */
ul.featureList li .img,
ul.featureList li .img a {
    width:300px;
    height:250px;
}

/* 144x108 image */
ul.contentsList li{
    position:relative;
    _width:146px;
}

ul.contentsList li .img,
ul.contentsList li .img a{
    width:144px;
    height:202px;
}

/* 96x72 image */
ul.selection li div.img,
ul.selection li div.img a {
    width:96px;
    height:72px;
}
ul.selection li div.img{float:left;}

/* vertical for IE6 */
ul.featureList li .img span.vertical{height:225px;display:inline-block;}
ul.contentsList li .img span.vertical{height:108px;display:inline-block;}
ul.selection li div.img span.vertical{height:72px;display:inline-block;}
div.embedLeft div.mainEmbeded span.vertical{height:351px;display:inline-block;}

/* >>> 01: featureList <<<----------------------*/
ul.featureList li p {
    width:300px;
}

ul.featureList li p img {
    padding:4px 0 0 3px;
}

ul.featureList li div.title a {
    font-size:1.2em;
}

/* >>> 02: contentsList <<<----------------------*/

ul.contentsList li{
    _width:146px;
}

ul.contentsList li p {
    width:144px;
}

ul.contentsList li img.rank{
    position: absolute;
    bottom:0px;
    right:0px;
}



/* >>> selection <<<----------------------*/

ul.selection li {
    margin:0 0 10px;
}
ul.selection li {
    display:inline-block;
}
ul.selection li p.heading {
    margin-bottom:7px;
    padding-bottom:3px;
    border-bottom:1px solid #7E7E7E;
}

ul.selection li p {
    font-size:1em;
    width:170px;
    _width:165px;
    margin:0 0 0 10px;
    display:inline;
    float:left;
    line-height: 1.2;
}
ul.selection li p a {
    display:block;
    margin-bottom:7px;
    line-height: 1.4;
}


/*
05. channelInfo
*/
/* >>> channelInfo <<<----------------------*/

.channelInfo{
    width:300px;
    margin-bottom:7px;
}


div.channelInfo div.thum{
    float:left;
    width:130px;
}

div.channelInfo div.thum img{
    width:130px;
    height:182px;
}

div.channelInfo div.summary {
    float:right;
    width:155px;
    text-align:left;
    padding-left:7px;
}

div.summary p{
    line-height:1.4em;
    padding-bottom:10px;
}

div.summary p.title{
    font-weight: bold;
    font-size:1.4em;
    padding-bottom:3px;
}

div.channelInfo div.summary a.btnBlue{
    font-size:1.4em;
    width:150px;
    padding:7px 10px;
}


/* >>> chSpec <<<----------------------*/
div.info{
    padding:7px 7px 7px 0;
}

ul.chSpec{
    overflow:auto;}

ul.chSpec li {
    line-height:1.6;
    clear:both;
    display:block;
    border-top:1px solid #7E7E7E;
}

*+html ul.chSpec li{
    padding-bottom:10px;
}

ul.chSpec li span{
    padding:5px 0;
}

ul.chSpec li span.key {
    float:left;
    font-weight:bold;
}

ul.chSpec li span.val{
    float:right;
    max-width:195px;
    word-wrap:break-word;
    text-align:right;
}

/*
04. sns btn
*/
/* >>> snsBtn01 <<<----------------------*/
ul.snsBtn01 {
    margin:0 auto;
    line-height:2;
    text-align: center;
    position: relative;
}

ul.snsBtn01 li {
    float:left;
    padding:0 7px 0 0;
    text-align: center;
}

/*
05. AD
-------------------------------------*/
/* >>> google adsence  <<< */

.ad{
    margin-bottom:7px;
}

div.leaderboardAd {
    margin-bottom:14px;
}

div.topAd{
    text-align: center;
    padding-bottom:7px;
}

div.bottomAd{
    margin-top:7px;
    text-align: center;
}


/*
99.  commonFooter
-------------------------------------*/
div#commonFooter {
    text-align:center;
}
div#commonFooter div.contentInner{
    padding:14px 0;
}

*+html div.contentInner{
    padding-bottom:7px;
}

div#commonFooter p.hr {
    border-top:solid 1px #7E7E7E;
    margin:10px 50px ;
}

div#commonFooter p.footerText{
    color:#EEEEEE;
    padding-top:14px;
}

div#commonFooter ul{
    margin:7px auto;
}
div#commonFooter ul li {
    display: inline;
}
div#commonFooter ul li a {
    padding-right:5px;
}

/*
notice
-------------------------------------*/
div.notice{
    margin:100px 0;
}


div.notice h2{
    font-size:2.2em;
    font-weight:bold;
    margin-bottom:30px;
}

div.notice p{
    font-size:1.6em;
    line-height:2em;
    margin-bottom:25px;
}

div.notice div.noticeBox{
    text-align:center;
    margin:0 auto;
    width:300px;
}

div.notice p.btn{
    margin:0 0 20px 30px;
    margin:0 0 20px 20px;
    width:100px;
    height:36px;
    line-height:36px;
    text-align:center;
    font-size:1.6em;
    font-weight:bold;
    float:left;
}

div.notice p.btn a {
    background-image:url(http://rp.asia.real.com/guide/superpass/images/btn_001.jpg);
    background-repeat:no-repeat;
    width:100px;
    height:36px;
    display:block;
    color:#cccccc;
    text-decoration:none;
}

div.notice p.btn a:hover {
    background-image:url(http://rp.asia.real.com/guide/superpass/images/btn_001_on.jpg);
    color:#FFFFFF;
}
